$(window).on('resize',function(){ response(); imgPosition(); setTimeout(imgPosition,100); }); (function( $ ) { $.fn.keepRatio = function(which) { var $this = $(this); var w = $this.width(); var h = $this.height(); var ratio = w/h; $(window).resize(function() { switch(which) { case 'width': var nh = $this.width() / ratio; $this.css('height', nh + 'px'); break; case 'height': var nw = $this.height() * ratio; $this.css('width', nw + 'px'); break; } }); } })( jQuery ); function goTop() { $(window).scrollTop(0) ; } $(function(){ response(); setTimeout(response,3000); setTimeout(imgPosition,3000); setTimeout(selectorSet,3000); }); function response(){ var screenW=$(window).width(); var screenH=$(window).height(); if(screenW<=560){ $('body').removeClass().addClass('mobile'); $('.full_img').css({'width':screenW,'height':screenH}); $('#popup_reser').css({'height':screenH-60}); $('#popup_privacy').css({'height':screenH-200}); $('#slider_layer').css({'width':screenW,'height':screenH}); $('#slider_layer .flex-viewport').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides li').css({'width':screenW,'height':screenH}); $('.slides li').css({'width':screenW,'height':screenH}); $('.flexslider_room .slides').css({'width':screenW-300,'height':screenH-150}); $('.roomCon_layer').css({'height':screenH-150}); $('.room_contents').css({'height':screenH-150}); $('.specialCon_layer').css({'height':screenH-150}); $('.reser_con').css({'height':screenH-490}); $('#popup_reser').css({'height':screenH-70}); //$('.comm_board').css({'height':screenH-430}); $('.sliderkit').css({'height':screenH-35}); $('.tour .sliderkit-panel').css({'height':screenH-385}); $('.tour_slider li').css({'width':screenW,'height':screenH}); $('.reser .ui-tabs-panel').css({'height':screenH-405}); if($('.maindata').length==1){ mainPackageSetMobile(); mainNewsSetMobile(); } } else if(screenW<=768){ $('body').removeClass().addClass('mobile mobile768'); $('.full_img').css({'width':screenW,'height':screenH}); $('#popup_reser').css({'height':screenH-60}); $('#popup_privacy').css({'height':screenH-200}); $('#slider_layer').css({'width':screenW,'height':screenH}); $('#slider_layer .flex-viewport').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides li').css({'width':screenW,'height':screenH}); $('.slides li').css({'width':screenW,'height':screenH}); $('.flexslider_room .slides').css({'width':screenW-300,'height':screenH-150}); $('.roomCon_layer').css({'height':screenH-150}); $('.room_contents').css({'height':screenH-150}); $('.specialCon_layer').css({'height':screenH-150}); $('.reser_con').css({'height':screenH-490}); $('#popup_reser').css({'height':screenH-70}); //$('.comm_board').css({'height':screenH-430}); $('.sliderkit').css({'height':screenH-35}); $('.tour .sliderkit-panel').css({'height':screenH-385}); $('.tour_slider li').css({'width':screenW,'height':screenH}); $('.reser .ui-tabs-panel').css({'height':screenH-405}); } else if(screenW<=1024){ $('body').removeClass().addClass('tablet'); $('.full_img').css({'width':screenW,'height':screenH}); $('#popup_reser').css({'height':screenH-60}); $('#popup_privacy').css({'height':screenH-200}); $('#slider_layer').css({'width':screenW,'height':screenH}); $('#slider_layer .flex-viewport').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides li').css({'width':screenW,'height':screenH}); $('.slides li').css({'width':screenW,'height':screenH}); $('.flexslider_room .slides').css({'width':screenW-300,'height':screenH-150}); $('.roomCon_layer').css({'height':screenH-150}); $('.room_contents').css({'height':screenH-150}); $('.specialCon_layer').css({'height':screenH-150}); $('.reser_con').css({'height':screenH-490}); $('#popup_reser').css({'height':screenH-70}); //$('.comm_board').css({'height':screenH-430}); $('.sliderkit').css({'height':screenH-35}); $('.tour .sliderkit-panel').css({'height':screenH-385}); $('.tour_slider li').css({'width':screenW,'height':screenH}); $('.reser .ui-tabs-panel').css({'height':screenH-405}); } else if(screenW<=1280){ $('body').removeClass().addClass('web web1280'); $('.full_img').css({'width':screenW,'height':screenH}); $('#popup_reser').css({'height':screenH-60}); $('#popup_privacy').css({'height':screenH-200}); $('#slider_layer').css({'width':screenW,'height':screenH}); $('#slider_layer .flex-viewport').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides li').css({'width':screenW,'height':screenH}); $('.slides li').css({'width':screenW,'height':screenH}); $('.flexslider_room .slides').css({'width':screenW-300,'height':screenH-150}); $('.roomCon_layer').css({'height':screenH-150}); $('.room_contents').css({'height':screenH-150}); $('.specialCon_layer').css({'height':screenH-150}); $('.reser_con').css({'height':screenH-490}); $('#popup_reser').css({'height':screenH-70}); //$('.comm_board').css({'height':screenH-430}); $('.sliderkit').css({'height':screenH-35}); $('.tour .sliderkit-panel').css({'height':screenH-385}); $('.tour_slider li').css({'width':screenW,'height':screenH}); $('.reser .ui-tabs-panel').css({'height':screenH-405}); setTimeout(selectorSet,100); } else if(screenW>1280){ $('body').removeClass().addClass('web'); $('#fullpage').css({'width':screenW,'height':screenH}); $('.full_img').css({'width':screenW,'height':screenH}); $('#popup_reser').css({'height':screenH-60}); $('#popup_privacy').css({'height':screenH-200}); $('#slider_layer').css({'width':screenW,'height':screenH}); $('#slider_layer .flex-viewport').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides').css({'width':screenW,'height':screenH}); $('.flexslider_main .slides li').css({'width':screenW,'height':screenH}); $('.slides li').css({'width':screenW,'height':screenH}); $('.flexslider_room .slides').css({'width':screenW-300,'height':screenH-150}); $('.roomCon_layer').css({'height':screenH-150}); $('.room_contents').css({'height':screenH-150}); $('.specialCon_layer').css({'height':screenH-150}); $('.reser_con').css({'height':screenH-490}); $('#popup_reser').css({'height':screenH-70}); //$('.comm_board').css({'height':screenH-430}); $('.sliderkit').css({'height':screenH-35}); $('.tour .sliderkit-panel').css({'height':screenH-385}); $('.tour_slider li').css({'width':screenW,'height':screenH}); $('.reser .ui-tabs-panel').css({'height':screenH-405}); setTimeout(selectorSet,100); } } function imgPosition(){ var width=$(window).width(); var height=$(window).height(); if($('body').hasClass('mobile')){ $('.ms-slide .ms-slide-bgcont img').css({'marginTop':'0'}); }else{ $('').each(function(){ $('.ms-slide .ms-slide-bgcont img').css({'marginTop':'0'}); }); } } function selectorSet(){ if($('body').hasClass('mobile')){ } } $(function(){ //flexslider $('.flexslider_main').flexslider({ animation: "slide", direction: "vertical", easing: "swing", reverse: false, slideshowSpeed:5000, animationSpeed:1000, useCSS: true, mousewheel: true, controlNav: false, directionNav: false, animationLoop: false, pausePlay: false, slideshow: true, pauseOnHover: true, start: function(slider){ $('body').removeClass('loading'); } }); });